<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<jsp:include page="validaSesion.jsp"></jsp:include>
<%@page import="com.uncp.comisiondeadmision.comprobantedepago.beans.ComprobanteBean;" %>
<%@ taglib uri="tags" prefix="lp2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>




<link href="css/menuPrincipal.css" type=text/css rel=stylesheet>
<script src="js/menuBar.js" type="text/javascript"></SCRIPT>


<script src='dwr/interface/FacultadService.js'></script>
<script src='dwr/interface/EscuelaService.js'></script>
<script src='dwr/interface/CarreraService.js'></script>
<script src='dwr/interface/ModalidadService.js'></script>
<script src='dwr/engine.js'></script>

<script src='dwr/util.js'></script>



<script src='js/ajaxDWRSelector.js'></script>
<script src='js/ajaxDWRBusqueda.js'></script>


<SCRIPT src="js/calendar.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/calendar-es.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/calendar-setup.js" type=text/javascript></SCRIPT>
<LINK href="css/calendar-blue.css" type=text/css rel=stylesheet>



<script type="text/javascript">

function diaActual(){
	var mydate=new Date() 
	var year=mydate.getYear() 
	if (year < 1000) 
	year+=1900 
	var day=mydate.getDay() 
	var month=mydate.getMonth() 
	var daym=mydate.getDate() 
	if (daym<10) 
	daym="0"+daym 
	var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado") 
	var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre") 
	document.write(dayarray[day]+" "+daym+" de "+montharray[month]+" de "+year)}

function mensaje(){
	//var mensaje = (String)request.getAttribute("mensaje");
	 <%String mensaje = (String)request.getAttribute("mensaje");
	 if (mensaje==null){
		 
	 }else{%>
	 alert('<%=mensaje%>');
	 <%}%>
}


</script>
<!-- cuando el documento html se termina de crear,se manda a validar -->
<script type="text/javascript">

J(document).ready(function(){
J("#frmComprobantePago").validate();
});
</script>

</head>

<body  onload="mensaje();" leftmargin="0" topmargin="0"
	rightmargin="0" bottommargin="0" marginheight="0" marginwidth="0" class = "fondo" > 

<table border="0" height=100% width=100% >
	<tr>
		<td align="center">
		<br>

		
		<jsp:include page="includes\header.jsp"/>
		<jsp:include page="includes\menuBarraECA-Tesorero.jsp"/>
		<jsp:include page="includes\header2.jsp"/>
		<br>

		<div class = cuerpo_xy>

			<div class=cuerpo>
				<div class = contenido>
				
				
					<form id="frmComprobantePago" enctype='multipart/form-data' method="post" action="comprobante">
			
				
				
					<table border="0" cellspacing="0" cellpadding="3" height=100% width=95% align="center">
						<tr>
							<td align="center" colspan="2">
								&nbsp
							</td>				
						</tr>
						<tr>
							<td align="center" bgcolor="#DAE6FF" colspan="2">
								...::: GENERACION DEL COMPROBANTE DE PAGO :::...
							</td>				
						</tr>
						<tr>
							<td align="center" colspan="2">
								&nbsp
							</td>				
						</tr>
						<tr>
						
						
						
							<td>Codigo del Comprobante : 
							<input type="text" class="required" name="txtCodCodigoCdp" value="<%=ComprobanteBean.aleatorio(999999999,100000000)%>" readonly size="10" ></td>
							
						</tr>
						<tr>
					
								<td align="center" colspan="2"><script languaje="JavaScript"> diaActual();</script> </td>				
											
						</tr>
						<tr>
							<td align="center" colspan="2">
								&nbsp
							</td>				
						</tr>
						<tr>
							<td colspan="2" align="center" bgcolor="#DAE6FF">:::: DATOS DEL POSTULANTE ::::</td>
						</tr>
						<tr>
							<td align="right" valign="top" colspan="2">Seleccione Tipo de Modalidad : 
							  <lp2:ComboDinamico 
							  tipo="sql_modalidad" 
							  id="cboTipoModalidad"
      					   	  name="cboTipoModalidad" 
				   				onchange="cargarDatos();"
				  />
							</td>
						</tr>
						<tr>
							<td><br>Nombres : </td>
							<td><input type="text" class="{required:true,maxlength:[30]}" name="txtNombre" size="25"></td>
						</tr>
						<tr>
							<td>Apellido Paterno : </td>
							<td><input type="text" class="{required:true,maxlength:[20]}" name="txtApePat" size="20"><br></td>
						</tr>
						<tr>
							<td>Apellido Materno : </td>
							<td><input type="text" class="{required:true,maxlength:[20]}" name="txtApeMat" size="20"></td>
						</tr>
						<tr>     
							<td>Fecha de Nacimiento</td>
							<td valign="top"><input type="text" class="{required:true,date:true}"   name="txtFecNac" id="campo_fecha" size="25">
								<input type="button" id="lanzador"  value="..." >
								<SCRIPT type=text/javascript>
										Calendar.setup({inputField :"campo_fecha",
										ifFormat:"%Y/%m/%d",
										button:"lanzador"});
								</SCRIPT>
							</td>
						</tr>
						<tr>
							<td>Dni : </td>
							<td><input type="text" class="{required:true,number:true,maxlength:[8]}" name="txtDni" size="25"></td>
						</tr>
						<tr>
							<td>Telefono : </td>
							<td><input type="text" class="{required:true,number:true,maxlength:[11]}" name="txtTelefono" size="25">
							</td>
						</tr>
						<tr>
							<td class="required">Email : </td>
							<td><input type="text" class="{required:true,email:true}" name="txtEmail" size="25">
							</td>
						</tr>						
						<tr>
							<td><br>Foto : </td>
							<td><input type="file" class="required" name="imagen" id="imagen" size="25"></td>
						</tr>
						<tr>
							<td>Seleccione Facultad : </td>
							<td>
							<lp2:ComboDinamico 
							  tipo="sql_Facultad" 
							  id="cboFacultad"
      					   	  name="cboFacultad" 
				   				onchange="cargaEscuela();" />
							</td>
						</tr>
						<tr>
							<td class="required">Seleccione Escuela : </td>
							<td>
							<select id="cboEscuela"   onchange="cargaCarrera();" class="required">
							<option value="">[Seleccione]</option>
							</select>
							</td>
						</tr>
						<tr>
							<td class="required">Seleccione Carrera : </td>
							<td>
							<select name="cboCarrera"  class="required" id="cboCarrera" class="required">
							<option value="">[Seleccione]</option>
							</select>
							</td>
						</tr>
						<tr>
							<td>Total a Pagar : </td>
							<td><input type="text" class="required" name="txtTotalPagar" id="txtTotalPagar" readonly size="15" class="required"></td>
						</tr>
						<tr>
							<td align="center" colspan="2">
								&nbsp
							</td>				
						</tr>
						<tr>
							<td align="right"><input type="submit" value="Enviar" ></td>
							<td align="center"><input type="reset" value="Limpiar"></td>
						</tr>
						
						
					</table>
					
					
					</form>
					
					
				</div>
			</div>
	
		<jsp:include page="includes\lateral.jsp"/>

		</div>

		<br>

		<jsp:include page="includes\piePagina.jsp"/>
		</td>
	</tr>
	
		
</table>


</body>

</html>